<template>
    <div class="page-home">
        <div class="home-entry">
            <div class="container">
                <!-- 左侧分类 -->
                <HomeCategory />
                <!-- 轮播图 -->
                <HomeBanner />
                <!-- 新鲜好物 -->
                <HomeNews />
                <!-- 人气推荐 -->
                <HomeHots />
                <!-- 热门品牌 -->
                <HomeBrand />
                <!-- 商品区域 -->
                <HomeProduct />
                <!-- 最新专题 -->
                <HomeSpecial />
            </div>
        </div>
    </div>
</template>
<script setup>
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeNews from './components/home-news.vue'
import HomeHots from './components/home-hots.vue';
import HomeBrand from './components/home-brand.vue';
import HomeProduct from './components/home-product.vue';
import HomeSpecial from './components/home-special.vue';
</script>
<style lang='scss' scoped>
</style>